<template>
<div class="index-Container">
   <div class="custom-navbar">
    <CustomNavbar :activeNav="activeNav" @update-nav="changnav"/>
   </div>
   <div  class="content-container">
     
   </div>
  </div>
</template>

<script setup lang="ts">
import CustomNavbar from '@/components/index/CustomNavbar.vue';
import { ref } from 'vue';
const activeNav=ref('1')
function changnav(nav:string){
  activeNav.value=nav
}
</script>

<style lang="scss">
.index-Container{
   background-color: rgb(238, 247, 253);
   
  width: 100%;
   display: flex;
   flex-direction: column;
   height: 100vh;
     .custom-navbar {
 flex: 2.5;
  

  }
    .content-container{
    flex: 7.5;
overflow: auto;
  }
}
</style>
